<template>
  <a-drawer
      title="Basic Drawer"
      placement="right"
      :closable="false"
      :visible="visible"
      :after-visible-change="afterVisibleChange"
      @close="onClose"
    >
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
  </a-drawer>
</template>

<script>
export default {
  name:"drawer",
  props:{
    visible:{
      type:Boolean,
      default:false
    }
  }
}
</script>

<style scoped>
  
</style>